<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link th:href="@{/css/index.css}" rel="stylesheet"/>
    <link th:href="@{/css/concertList.css}" rel="stylesheet"/>
    <title>演唱会列表</title>
</head>
<body class="text-center">4
<th:block th:insert="~{header :: head}"/>
<div class="form-signin">
    <h1 class="h3 mb-3 font-weight-normal" th:text="'演唱会列表'">演唱会列表</h1>

    <div class="concert-list">
        <div th:each="concert : ${ConcertL}" class="concert-card">
            <a href="dp" th:href="@{'dp?id=' + ${concert.concertid}}" style="display: flex; text-decoration: none; color: inherit;">
<!--            <a href="dp" style="display: flex; text-decoration: none; color: inherit;">-->
                <img th:src="@{${concert.concertImg}}" alt="演唱会图片" />
                <div class="concert-info">
                    <h3 th:text="${concert.concertname}"></h3>
                    <p><strong>艺人/团体：</strong><span th:text="${concert.artist}"></span></p>
                    <p><strong>日期：</strong><span th:text="${#dates.format(concert.concertdate, 'yyyy-MM-dd')}"></span></p>
                    <p><strong>时间：</strong><span th:text="${#dates.format(concert.concerttime,'HH:mm')}"></span></p>
                    <p><strong>地点：</strong><span th:text="${concert.venue}"></span></p>
                    <p><strong>简介：</strong><span th:text="${concert.introduction}"></span></p>
                </div>
            </a>
        </div>
    </div>
</div>
<th:block th:insert="~{footer :: foot}"/>
</body>
</html>
